<template>
  <!--查看  -->
  <div id="box" style="overflow-y: auto">
    <span>核心企业贷款申请</span>
    <div class="box">
      <span>客户信息</span>
      <div id="router">
        <el-tabs type="border-card">
          <el-tab-pane label="借款需求"
            ><div>
              <Borrow_Money></Borrow_Money></div
          ></el-tab-pane>
          <el-tab-pane label="基本信息"
            ><div>
              <BaSic></BaSic></div
          ></el-tab-pane>
          <el-tab-pane label="资产负债表"
            ><div>
              <TaBle></TaBle></div
          ></el-tab-pane>
          <el-tab-pane label="利润表"
            ><div>
              <ProFit></ProFit></div
          ></el-tab-pane>
          <el-tab-pane label="现金流量表"><div></div></el-tab-pane>
          <el-tab-pane label="股东信息"
            ><div>
              <Shareholder_Information></Shareholder_Information></div
          ></el-tab-pane>
          <el-tab-pane label="管理团队"
            ><div>
              <Team_Management></Team_Management></div
          ></el-tab-pane>
          <el-tab-pane label="银行账户信息"
            ><div><Account_information></Account_information></div
          ></el-tab-pane>
          <el-tab-pane label="企业信用概况"
            ><div>
              <TrustworThiness></TrustworThiness></div
          ></el-tab-pane>
          <el-tab-pane label="涉诉信息"
            ><div><involved></involved></div
          ></el-tab-pane>
          <el-tab-pane label="对外担保"
            ><div>
              <Swarrant></Swarrant></div
          ></el-tab-pane>
          <el-tab-pane label="授信用信情况"
            ><div>
              <Credit_Tension></Credit_Tension></div
          ></el-tab-pane>
          <el-tab-pane label="上下游企业"
            ><div>
              <shanxiayou></shanxiayou>
              <!-- <Guanlizeng></Guanlizeng> -->
            </div></el-tab-pane
          >
          <el-tab-pane label="所属核心企业"><div></div></el-tab-pane>
          <el-tab-pane label="核心企业授信情况"><div></div></el-tab-pane>
          <el-tab-pane label="企业附件"><div></div></el-tab-pane>
          <el-tab-pane label="申请附件"><div></div></el-tab-pane>
          <el-tab-pane label="信用评级"><div></div></el-tab-pane>
          <el-tab-pane label="审批历史"><div></div></el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script setup>
import Borrow_Money from "../slt/Borrow_Money.vue";
import BaSic from "../slt/BaSic.vue";
import TaBle from "../slt/TaBle.vue";
import ProFit from "../slt/ProFit.vue";
import Shareholder_Information from "../slt/Shareholder_Information.vue";
import Team_Management from "../slt/Team_Management.vue";
import Account_information from "../slt/Account_information.vue";
import TrustworThiness from "../slt/TrustworThiness.vue";
import involved from "../slt/involved.vue";
import Swarrant from "../slt/Swarrant.vue";
import Credit_Tension from "../slt/Credit_Tension.vue";
import Guanlizeng from "../slt/Guanlizeng.vue";
import shanxiayou from "../slt/shanxiayou.vue";
</script>

<style scoped>
#box > span {
  display: block;
  width: 185px;
  height: 38px;
  background: #4eabfe;
  color: white;
  text-align: center;
  line-height: 38px;
  font-weight: 700;
  border-radius: 20px;
}
.box {
  background: #fafafa;
  padding: 5px;
}
.box > span {
  font-weight: 700;
}
.el-tabs {
  float: left;
  width: 93.8%;
}
:deep(.el-tabs__nav-prev) {
  background: url(@/assets/1.png) no-repeat;
  border-radius: 50%;
  background-size: 100%;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  z-index: 9;
}
:deep(.el-tabs__nav-scroll) {
  width: 97%;
  margin-left: 15px;
}
:deep(.el-tabs__nav-next) {
  background: url(@/assets/2.png) no-repeat;
  border-radius: 50%;
  background-size: 100%;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  z-index: 9;
}
:deep(.is-disabled .el-icon) {
  opacity: 0;
}
:deep(.el-tabs__nav-next .el-icon) {
  opacity: 0;
}
:deep(.el-tabs__nav-prev .el-icon) {
  opacity: 0;
}
</style>